<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
	<header class="clearfix">
		<div class="w ">
			 <div class="logo  fl"><img src="./images/logo.png" alt=""></div>
			 <ul class="navigation fl  clearfix">
			 <li class="fl current"><a href="">Home</a></li>
			 <li class="fl"><a href="">About</a></li>
			 <li class="fl"><a href="">Portfolio</a></li>	
			 <li class="fl"><a href="">Features</a></li>
			 <li class="fl"><a href="">Blog</a></li>
			 <li class="fl"><a href="">Contact</a></li>	 
			 </ul> 
			 <div class="s-icon fr"> </div>
		</div>
		</header>
		<div class="main ">	
        <div class="banner ">
		<div class="w clearfix">
			<div class="banner_l fl">
                  <div class="fl"><img src="images/banner_l_03.png" alt=""></div>
			      <h4 class="fl"></h4>
			      <h4 class="fl"></h4>
			      <h4 class="fl"></h4>
				  <h4 class="fl"></h4>
			   </div>
			  <div class="banner_r"><img src="images/slide1.png"height="384";width="635"; alt=""></div>
			</div>
			</div>
		<div class="search  clearfix w">	
			<div class="fl ser">
				<h4>EVENTS PLANNING</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			</div>
			<div class="fl ser">
				<h4>MASTERING DESIGN</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			</div>
			<div class="fl ser">
				<h4>EXPERT DEVELOPERS</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			</div>
			<div class="fl ser">
				<h4>ATTENSION TO DETAILS</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			</div>
			<div class="fl ser">
				<h4>ANOTHER COOL SERVICE.</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			</div>
			<div class="fl ser">
				<h4>EVENTS PLANNING</h4>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			</div>	
		</div>
		<div class="buy bd clearfix w ">
			<div class="buy1 fl">
			  <h4>HI THERE. I AM A THEME, WITH ATTITUDE. I AM ALSO RESPONSIVE, EASY DO EDIT. WHY DON'T YOU TRY ME ?</h4>
			  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit nec Quisque quis nulla vel dolor ultrices sit amet.</p>
		    </div>
		    <div class="buy2 fr">
				<h4 class="fl">BUY NOW !</h4>
				</div>
		</div>
		<div class="port w clearfix">
		<h4 class="v">THE PORTFOLIO</h4>
			<div class="fl">
				<h4>I AM AN AMAZING PROJECT</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.
                 WEB DESIGN</p>
			</div>
			<div class="fl">	
				<h4>I AM AN AMAZING PROJECT</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.
				WEB DESIGN</p>
			</div>
			<div class="fl">
				<h4>I AM AN AMAZING PROJECT</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.
				WEB DESIGN</p>
			</div>
			<div class="fl">
				<h4>I AM AN AMAZING PROJECT</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.
				WEB DESIGN</p>
			</div>
		</div>
		<div class="mail w clearfix bd">
			<div class="mail1 fl">
			<h4>SUBSCRIBE TO OUR NEWSLETTER. WE HATE SPAM AS MUCH AS YOU DO, SO NO WORRIES.</h4>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit nec Quisque quis nulla vel dolor ultrices sit amet.</p>		
		     </div>
			 <div class="red fl"></div> 
		</div>
		<div class="blog w clearfix">
		<div class="blog_l fl">  
			  <h4 class="t1">OUR BLOGGY </h4>
			  <div class="our fl">
				  <h4>JUST A COOL BLOG POST TITLE HERE.</h4>
				  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p>
				  <h5>Read more </h5>
			  </div>
			  <div class="our fl o">
				  <h4>JUST A COOL BLOG POST TITLE HERE.</h4>
				  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p>
				  <h5>Read more </h5>
			  </div>
			</div>
			<div class="blog_r fl">			
			    <h4 class="t2">TESTIMONIALS </h4>		
				<div class="tes fl">
					<div class="v">
                          <h4>VERY PLEASED WITH THE COOL SERVICES PROVIDED.</h4>
						  <p>Linda Scott / Webdesigner</p>
						  <p> <span style="color: #e45544 ;">http://www.mywebsite.com</span></p>	
					</div>
						<p class="z">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
						 Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis.</p>
				</div>
				<div class="tes fl">
					<div class="v">
						  <h4>VERY PLEASED WITH THE COOL SERVICES PROVIDED.</h4>
						  <p>Linda Scott / Webdesigner</p>
						  <p><span style="color: #e45544 ;">http://www.mywebsite.com</span></p>			
					</div>
						<p class="z">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
						 Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis.</p>
					</div>
				</div>
			</div>
			<footer class="clearfix" >
				<div class="clearfix w">
				<div class="fl">
					<h4>ABOUT STUDEON</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>
				</div>
				<div class="fl">
					<h4>THE TAGS</h4>
					<div class="d">
					<p>Awesome</p>
					<p>Strategy</p>
					<p>Photography</p>
					<p>Development</p>
					<p>Css</p>
					<p>photoshop</p>
					<p>Html</p>
					<p>Awesome</p>
					<p>Strategy</p>
					<p>Photoshop</p>
					<p>Html</p>
				</div>
				</div>
				<div class="fl">
					<h4>LATEST TWEETS</h4>
					<div class="tw">
						<p>I like this awesome freebie. Check it out <span style="color:#aaaaaa,font-size:13px">@http://t.co/9vslJFpW</span></p>
						<h5>ABOUT 15 MINS</h5>
					</div>
					<div class="tw">
						<p>I like this awesome freebie. Check it out<span style="color:#aaaaaa,font-size:13px">@http://t.co/9vslJFpW</span></p>
						<h5>ABOUT 15 MINS</h5>
					</div>
				</div>
				<div class="fl">
					<h4>FLICKR FEED</h4>
					<div class="fs clearfix">
					<div class="fl f"><img style="width: 81px; height:70px;"src="images/f1.png" alt=""></div>
					<div class="fl f"><img style="width: 81px; height:70px;"src="images/f2.png" alt=""></div>
					<div class="fl f"><img style="width: 81px; height:70px;"src="images/f3.png" alt=""></div>
					<div class="fl f"><img style="width: 81px; height:70px;"src="images/f4.png" alt=""></div>
					<div class="fl f"><img style="width: 81px; height:70px;"src="images/f3.png" alt=""></div>
					<div class="fl f"><img style="width: 81px; height:70px;"src="images/f2.png" alt=""></div>
				</div></div>		
				</div>
			</footer>
			<div class=" late">
				<div class="w">
				<p class="fr">Copyright ? 2015 All rights Reserved | Template by <span style="color: #c14939;">W3layouts</span> </p>
			</div>
			</div>
		</div>
	</body>
</html>
